html, body { font-family: "Microsoft YaHei", serif; color: #333; }
.multiple-row-ellipsis-l1 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.multiple-row-ellipsis-l2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.multiple-row-ellipsis-l3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; display: -ms-flexbox; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.ml-auto { margin-left: auto; }
a {
	color: inherit;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-focus: none;
}
a, a:hover, a:active, a:visited, a:link, a:focus {
	-webkit-tap-highlight-color: transparent;
	outline: none;
	background: none;
	text-decoration: none;
}
.top-bar { background-color: #f3f3f3; }
.top-main { width: 1200px; margin: 0 auto; display: flex; align-items: center; }
.top-right { margin-left: auto; }
.top-right a { width: 80px; display: inline-block; text-align: center; }
.header-banner-panel { width: 1200px; margin: 15px auto; display: flex; }
.header-banner-panel .box { margin-left: 20px; background-color: #f22400; flex: 1; display: flex; flex-wrap: wrap; }
.header-banner-panel .box .icon-box { width: 50%; height: 50%; color: #fff; display: flex; align-items: center; justify-content: center; }
.header-banner-panel .box .icon-box .iconfont { font-size: 28px; cursor: pointer; }
.header-banner-panel .box .icon-box .icon { width: 28px; height: 28px; cursor: pointer; }
.header-banner-panel .box .icon-box.icon-wx { position: relative; }
.header-banner-panel .box .icon-box .qrcode { display: none; position: absolute; left: 100%; padding: 8px; }
.header-banner-panel .box .icon-box .qrcode img { width: 90px; height: 90px; }

.menu-panel { background-color: #f22400; display: flex; color: #eee; width: 1200px; margin: 0 auto 15px; padding: 15px 25px; box-sizing: border-box; justify-content: center; }
.menu-panel .menu-column { border-right: 1px solid #fff; padding: 0 23px; }
.menu-panel .menu-column:last-child { border-right: none; }
.menu-panel .menu-row { text-align: center; }
.menu-panel .menu-row:first-child { padding-bottom: 15px; }
.menu-panel .menu-item { display: inline-block; font-size: 20px; letter-spacing: 2px; padding: 0 10px; cursor: pointer; }
.menu-panel .menu-item:hover { color: #fff; }

.top-news-panel { border: 1px solid #f22400; padding: 5px 15px 15px; position: relative; width: 1200px; margin: 0 auto; overflow: hidden; box-sizing: border-box; }
.top-news-panel .top-flag { position: absolute; top: 8px; left: -45px; transform: rotate(-45deg); color: #fff; background-color: #f22400; width: 120px; padding: 6px; font-size: 18px; text-align: center; }
.top-news-panel h1 { text-align: center; color: #0059B2; }
.top-news-panel .top-sub { text-align: center; }
.top-news-panel .top-sub .sub-title { max-width: 800px; }
.top-news-panel .top-sub .sub-title:hover { color: #f22400; }
.top-news-panel .top-sub .more { color: #f22400; display: flex; }
.top-news-panel .top-sub .more .iconfont { font-size: 16px; }
.top-news-panel .top-sub .more .icon { width: 16px; height: 16px; }

.main { width: 1200px; margin: 15px auto; }
.img-news-panel { display: flex; }
.img-news-panel .swiper-container { width: 800px; height: 430px; }
.img-news-panel .swiper-wrapper { position: relative; }
.img-news-panel .swiper-pagination { bottom: 0; left: 0; text-align: right; padding: 0 20px; box-sizing: border-box; }
.img-news-panel .swiper-pagination .swiper-pagination-bullet { display: inline-block; width: 12px; height: 10px; position: relative; margin: 0 2px; background-color: #ccc; border-radius: 0; }
.img-news-panel .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #f22400; }
.img-news-panel .swiper-container .swiper-slide { position: relative; display: block; }
.img-news-panel .swiper-container img { width: 100%; height: 100%; }
.img-news-panel .swiper-container .news-title { position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, .7); color: #fff; padding: 8px 10px; z-index: 11; }
.img-news-panel .focus-news-box { margin-left: 15px; flex: 1; border: 1px solid #f22400; padding: 10px 20px; }
.img-news-panel .focus-news-box .box-title { display: flex; align-items: center; padding: 0 10px 10px; border-bottom: 1px solid #999; }
.img-news-panel .focus-news-box .box-title .title-left { color: #f22400; font-weight: 600; display: flex; }
.img-news-panel .focus-news-box .box-title .ml-auto { font-size: 14px; display: flex }
.img-news-panel .focus-news-box .box-title .ml-auto .icon { width: 18px; height: 18px; padding-left: 5px; }
.img-news-panel .focus-news-box .box-title .title-left .iconfont { font-size: 18px; margin-right: 5px; font-weight: 400; }
.img-news-panel .focus-news-box .box-title .title-left .icon { width: 18px; height: 18px; padding-right: 5px; }
.img-news-panel .focus-news-box .box-content { padding-top: 8px; }
.img-news-panel .focus-news-box .box-content ul { margin: 0; padding-inline-start: 20px; }
.img-news-panel .focus-news-box .box-content ul li { border-bottom: 1px dotted #ccc; padding: 15px; cursor: pointer; }
.img-news-panel .focus-news-box .box-content ul li:hover { color: #f22400; }
.img-news-panel .focus-news-box .box-content ul li::marker { color: #999; }
.img-news-panel .focus-news-box .box-content ul li .title { display: block; font-weight: 600; margin: 0 0 8px; }
.img-news-panel .focus-news-box .box-content ul li .desc { color: #666; }

.bobao-bar { display: flex; align-items: center; border: 1px solid #f22400; margin: 15px 0; height: 32px; box-sizing: border-box; }
.bobao-bar .bar-title { background-color: #f22400; color: #fff; height: 30px; line-height: 30px; padding: 0 15px; }
.bobao-bar .scroll-list { flex: 1; overflow: hidden; height: 100%; padding: 0 10px; background-color: #fff; }
.bobao-bar ul { margin: 0; list-style: none; position: relative; height: 100%; display: flex; flex-wrap: nowrap; animation: scroll 30s linear infinite; padding: 0; }
.bobao-bar ul:hover { animation-play-state: paused; }
.bobao-bar ul li { float: left; line-height: 30px; margin-right: 20px; white-space: nowrap; }
.bobao-bar ul li a { white-space: nowrap; }
.bobao-bar ul li a:hover { color: #f22400; }
@keyframes scroll {
	from { transform: translateX(0) }
	to { transform: translateX(-100%) }
}

.banner1 { width: 100%; }

.topics { display: flex; }
.topics .topic-2 { flex: 2; }
.topics .topic-1 { flex: 1; padding-left: 15px; }
.topic-row { display: flex; }
.topic-row .topic-panel:first-child { flex: 1; margin: 25px 25px 0 0; }
.topic-row .topic-panel:last-child { flex: 1; margin: 25px 15px 0 0; }
.topic-panel .panel-head { display: flex; align-items: center; border-bottom: 1px solid #ccc; padding-bottom: 8px; }
.topic-panel .panel-head .panel-title { color: #f22400; }
.topic-panel .panel-head .panel-title .text { font-weight: 600; }
.topic-panel .panel-head .panel-title .iconfont { color: #f22400; margin-right: 5px; }
.topic-panel .panel-head .panel-title .icon { width: 16px; height: 16px; margin-right: 5px; }
.topic-panel .panel-head .more { margin-left: auto; font-size: 14px; cursor: pointer; display: flex; }
.topic-panel .panel-head .more:hover { color: #f22400; }
.topic-panel .panel-head .more .icon { width: 16px; height: 16px; }
.topic-row .topic-panel .panel-list { padding-bottom: 15px; }
.topic-row .topic-panel .panel-list a { margin-top: 12px; }
.topic-row .topic-panel .panel-list a.top-item { margin-top: 0; }
.topic-row .topic-panel .panel-list a:hover { color: #f22400; }
.topic-row .topic-panel .panel-list a .iconfont { margin-right: 10px; color: #999; }
.topic-row .topic-panel .panel-list a .icon { width: 16px; height: 16px; margin-right: 10px; display: inline-block; }
.banner2 { width: calc(100% - 15px); margin-top: 10px; }
.topic-panel .topic-tabs { display: flex; padding-left: 15px; margin-right: 15px; border-bottom: 1px solid #ccc; justify-content: center; box-sizing: border-box; }
.topic-panel .topic-tabs .tab-item { padding: 10px 0; font-weight: 600; margin: 0 20px; letter-spacing: 2px; }
.topic-panel .topic-tabs .tab-item:hover { color: #f22400; cursor: pointer; }
.topic-panel .topic-tabs .tab-item.active { color: #f22400; border-bottom: 3px solid #f22400; }
.topic-panel .top-item { padding: 10px; display: flex; align-items: center; }
.topic-panel .top-item img { width: 250px; height: 140px; }
.topic-panel .top-item .top-desc { flex: 1; padding-left: 25px; font-size: 14px; line-height: 2; font-weight: 600; }
.topic-panel .topic-item { display: block; padding: 0 10px; margin-top: 12px; }
.topic-panel .wenming-jianshe .topic-item { display: inline-block; width: 45%; }
.topic-panel .wenming-jianshe .topic-item:hover { color: #f22400; }

.topic-panel.single-panel { margin-top: 25px; }
.topic-panel.single-panel .top-item { padding: 10px 0 0; }
.topic-panel.single-panel .top-item:hover { color: #f22400; }
.topic-panel.single-panel .top-item img { width: 160px; height: 110px; }
.topic-panel.single-panel .list-item { margin-top: 12px; font-size: 14px; }
.topic-panel.single-panel .list-item:hover { color: #f22400; }
.topic-panel.single-panel .list-item .icon { width: 16px; height: 16px; display: inline-block; }
.topic-panel.single-panel.bobao-panel { margin-right: 25px; }

.topic-panel.single-panel.bobao-panel .list-item { margin-top: 14px; }
.sense-panel { padding: 15px; background-color: #f7f7f7; margin-top: 10px; }
.sense-panel .iconfont { font-size: 18px; font-weight: 600; }
.sense-swiper-container { padding: 10px 0; width: 100%; }
.sense-swiper-container .swiper-slide { width: 520px; height: 300px; }
.sense-swiper-container .swiper-slide img { width: 100%; height: 100%; }

.website-group .banner3 { width: 100%;margin: 20px 0; }
.website-group .tabs { display: flex; justify-content: space-around; margin-bottom: 15px; font-weight: 600; font-size: 22px; border-bottom: 1px solid #ccc; }
.website-group .tabs .tab { padding-bottom: 10px; cursor: pointer; }
.website-group .tabs .tab.active { border-bottom: 3px solid #f22400; color: #f22400; }
.website-group .web-list { height: 220px; background-color: #f8f8f8; overflow-y: auto; padding: 10px; }
.website-group .web-list a { display: inline-block; width: 70px; margin: 0 15px 15px 0; text-align: center; }
.website-group .web-list a:hover { color: #f22400; }

.qrcode-panel { position: fixed; right: 30px; bottom: 125px; border: 1px solid #f22400; border-radius: 8px; }
.qrcode-panel .panel-title { background-color: #f22400; color: #fff; padding: 8px 0; text-align: center; }
.qrcode-panel img { width: 120px; height: 120px; padding: 5px 10px 0; }
.qrcode-panel .qrcode-text { text-align: center; font-size: 14px; padding-bottom: 10px; }

.foot { background-color: #f22400; color: #fff; margin-top: 25px; padding: 20px; text-align: center; }